<template>
    <div>
        <header>
            <div class="sub-title">
                <div class="sub-text">各区县校企农数据统计</div>
                <p class="sub-text-en">Statistics of school enterprise agriculture data of each district and county</p>
            </div>
        </header>
        <div style="margin-top: 26px">
            <div class="problem-header clear-float">
                <span class="problem-item">排名</span>
                <span class="problem-item">名称</span>
                <span class="problem-item">配送商</span>
                <span class="problem-item">合作社</span>
                <span class="problem-item">农户</span>
            </div>
            <vue-seamless-scroll :class-option="option" :data="infoData" class="seamless-warp">
                <ul>
                    <li class="clear-float" v-for="item in infoData" :key="item.index">
                        <span class="problem-item"><span class="radius">{{item.index}}</span></span>
                        <span class="problem-item">{{item.name}}</span>
                        <span class="problem-item">{{item.distributor}}</span>
                        <span class="problem-item">{{item.cooperative}}</span>
                        <span class="problem-item">{{item.farmer}}</span>
                    </li>
                </ul>
            </vue-seamless-scroll>
        </div>
    </div>
</template>
<script>
    export default {
        name:'statistics',
        components: {
        },
        props: {
        },
        data () {
            return {

                infoData:[
                    {
                        index:'01',
                        name:'正安县',
                        distributor:1,
                        cooperative:15,
                        farmer:525
                    },
                    {
                        index:'02',
                        name:'正安县',
                        distributor:1,
                        cooperative:15,
                        farmer:525
                    },
                    {
                        index:'03',
                        name:'正安县',
                        distributor:1,
                        cooperative:15,
                        farmer:525
                    },
                    {
                        index:'04',
                        name:'正安县',
                        distributor:1,
                        cooperative:15,
                        farmer:525
                    },
                    {
                        index:'05',
                        name:'正安县',
                        distributor:1,
                        cooperative:15,
                        farmer:525
                    },
                    {
                        index:'06',
                        name:'正安县',
                        distributor:1,
                        cooperative:15,
                        farmer:525
                    },
                    {
                        index:'07',
                        name:'正安县',
                        distributor:1,
                        cooperative:15,
                        farmer:525
                    },
                    {
                        index:'08',
                        name:'正安县',
                        distributor:1,
                        cooperative:15,
                        farmer:525
                    },
                    {
                        index:'09',
                        name:'正安县',
                        distributor:1,
                        cooperative:15,
                        farmer:525
                    },
                    {
                        index:'10',
                        name:'正安县',
                        distributor:1,
                        cooperative:15,
                        farmer:525
                    }
                ]
            }
        },
        computed: {
            option () {
                return {
                    step: 0.3
                }
            },
        },
        methods: {
            init(){
//                let _this=this;
                this.infoData.map(function (currentValue,index,arr) {
//                    _this.infoData[index]={
//                       index:currentValue.index,
//                       name:currentValue.name,
                        currentValue.distributor=currentValue.distributor+'家',
                        currentValue.cooperative=currentValue.cooperative+'家',
                        currentValue.farmer=currentValue.farmer+'户'
//                   }
                })
            }
        },
        mounted () {
            this.init()
        },
        created(){
        }
    }

</script>
<style type="text/css">
</style>